<template>
  <div>
    <nav-bar style="background-color: #0689f4; color: #fff">
      <div slot="center">点检管理</div>
    </nav-bar>

    <div class="content-top">
        <van-tabs v-model="active" animated swipeable>
          <van-tab title="待分配" dot>
            <await-appoint></await-appoint>
          </van-tab>
          <van-tab title="待处理" badge="5">
            <await-done></await-done>
          </van-tab>
          <van-tab title="已处理" badge="5">
            <done-list></done-list>
          </van-tab>
          <van-tab title="已超期" badge="5">
            <over-done></over-done>
          </van-tab>
          <van-tag type="danger">标签</van-tag>
        </van-tabs>
    </div>
  </div>
</template>
<script>
import NavBar from "@/components/NavBar.vue";
import AwaitAppoint from "@/views/device/manage/awaitAppoint.vue";
import AwaitDone from "@/views/device/manage/awaitDone.vue";
import DoneList from "@/views/device/manage/DoneList.vue";
import OverDone from "@/views/device/manage/over-done.vue";

import { Dialog } from "vant";

export default {
  name: "checkManage",
  components: {
    [Dialog.Component.name]: Dialog.Component,
    NavBar,
    AwaitAppoint,
    AwaitDone,
    DoneList,
    OverDone
  },
  props: {},
  data() {
    return {
      active:0,
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    
  },
};
</script>
<style scoped lang="less">
.van-tab--active {
    background-color: aliceblue;
}
</style>